<template>
  <div id="app">
    <router-view />
    <BottomNavigation v-show="$route.meta.show==true" />
  </div>
</template>
<script>
import BottomNavigation from '@/components/BottomNavigation.vue'
export default {
  components: {
    BottomNavigation
  }
}
</script>

<style lang="less">
#app {
  // font-family: Avenir, Helvetica, Arial, sans-serif;
  // -webkit-font-smoothing: antialiased;
  // -moz-osx-font-smoothing: grayscale;
  background-color: #efefef;
  min-height: 100%;
  font-size: 0.14rem;
}
html,
body {
  height: 100%;
}
// 移动端单位  rem   em
html {
  font-size: 100px !important;
} // 1个rem 就是100px
// 问题： 如果此时要对字体设置16px， 应该写成多少rem？   答： font-size:0.16rem;
// ???rem = 16px
// ??? = 16px/rem = 16px/100px = 0.16
// p{
//   width:1rem;
//   height:1rem;
//   background-color: pink;
// }
</style>
